<template>
    <div id="dragdrop">
        <div class="text-box">
            text:
            <input type="text" v-model="testTxt">
            size:
            <input type="text" v-model="size" oninput="value=value.replace(/[^\d]/g,'')">
            <input type="button" value="click" @click="textbox" />
        </div>
        <vleft :isText="testTxt" :postFontSize="size"></vleft>
        <v-right></v-right>
    </div>
</template>
<script>
import {parseTime} from './../commonComponents/countDownTime.js';
import Vleft from './template/left.vue';
import VRight from './template/right.vue';
export default {
    name:'',
    components:{
        Vleft,
        VRight        
    },
    data(){
        return {
            testTxt:"",
            size:""
        }
    },
    methods:{
        textbox(){
            console.log(this.testTxt.value),
            console.log(this.size.value);
        }
    }
    
}
</script>
<style>
#dragdrop{display:flex;}
.text-box{text-align: left;}
input{display: block;}
</style>